<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"+ request.getServerName() + ":" + request.getServerPort()+ path + "/";
%>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <link rel="stylesheet" href="<%=basePath %>css/cssreset.css">
        <link rel="stylesheet" href="<%=basePath %>css/style.css">
        <link rel="stylesheet" href="<%=basePath %>css/stys.css">
        <link rel="stylesheet" href="<%=basePath %>css/easyui.css">
        <link rel="stylesheet" href="<%=basePath %>css/icon.css">
        <link rel="stylesheet" href="<%=basePath %>css/color.css">
        <script src="<%=basePath%>js/jquery.min.js"></script>
        <script src="<%=basePath%>js/jquery.pagination.js"></script>
        <link rel="stylesheet" type="text/css" href="<%=basePath%>style/common.css">
        <link rel="stylesheet" type="text/css" href="<%=basePath%>style/pagination.css" media="screen">
        <script src="<%=basePath %>js/jquery.easyui.min.js"></script>
    </head>
    <body>
    <c:if test="${show!=null}">
      <script type="text/javascript">
      window.onload=function(){  
    	     alert("${show}");
    	} 
      </script>
      </c:if>
        <div class="bgs"></div>
    	<div class="bigbox">
    		<nav>
    			<span class="scolor"></span>
    			<ul>
    				<li><a href="<%=basePath %>page/originalIndex.jsp" id="sline"><p class="mline"><span class="smallicon" id="current"></span><span class="navtxt" id="current2">首 页</span></p></a></li>
    				<li><a href="<%=basePath %>client/findByIndex.action"><p class="mline"><span class="smallicon one1"></span><span class="navtxt">客 户</span></p></a></li>
    				<li><a href="<%=basePath %>sale/findSale.action"><p class="mline"><span class="smallicon one2"></span><span class="navtxt">销 售 机 会</span></p></a></li>
    				<li><a href="<%=basePath %>contact/page.action"><p class="mline"><span class="smallicon one3"></span><span class="navtxt">联 系 人</span></p></a></li>
    				<li><a href="<%=basePath %>contract/findByAlls.action"><p class="mline"><span class="smallicon one4"></span><span class="navtxt">合 同</span></p></a></li>
    			    <li class="shenpi"><a href="<%=basePath %>page/pacts.jsp"><p class="mline"><span class="smallicon one8"></span><span class="navtxt">合 同 审 批</span></p></a></li>
    				<c:if test="${sessionScope.backstage == 1}">
   						<li><a href="<%=basePath %>staff/selectTree.action"><p class="mline"><span class="smallicon one5"></span><span class="navtxt">后 台 管 理</span></p></a></li>
    				</c:if>
    			</ul>
    		</nav>
    		<div class="showbox">
    			<h1>客 户 管 理 系 统(CRM)</h1>
    			<div class="approve">
    				<div class="approvebox">
    					<div class="abox1">
    						<h2>审 批</h2>
    						<div class="apprcontent">
    							<p>
    							<a href="<%=basePath %>approve/Findnoapprove.action" id="ing">未审批</a>
    								<a href="<%=basePath %>approve/alreadyapproveAll.action">审批结果</a>
    								<a href="<%=basePath %>approve/findApproveAmong.action">待审批</a>
    							</p>
    							<ul>
    								  <c:forEach items="${array.list}" var="test">  
                                	<li>
    									<h6 class="sbox1">
    									<span>审批人：  ${test.ApproverId}</span>
    									<span>类型：  ${test.type}</span>
    									<span>提交日期：  ${test.saleStageName}</span>
    								    <span>审批状态：  ${test.approvalState}</span>
    									</h6>
    									<h5 class="ssbox1">
    									<span class="chenhao666">	审批正文：  ${test.contractContent}</span>
    										<a href="#" class="more" id=" ${test.approveId}" onclick="dian(this)">查看更多 > </a>
    									</h5>
    								</li>                                
                                       </c:forEach>               
    							</ul>	
    						</div>
    						
    					</div>
    					<div class="abox2">
    						<h3>通知</h3>
    						<p class="sabox2">
    							<span>公司各部门:</span>
    							<span id="light2">&nbsp;&nbsp;&nbsp;&nbsp;为进一步提升公司各员工的职业技能及业务素质，

公司将在近期

开展公司内部人员的培训，

希望各部门、各位员工积极配合。</span>
    							<span class="light">广州君思网络科技有限公司</span>
    							<span class="light">2017年7月25日</span>
    						</p>
    						<p class="sabox2">
    							<span>公司各部门:</span>
    							<span id="light2">&nbsp;&nbsp;&nbsp;&nbsp;为提高各分公司的管理能力和业务能力，

公司计划在每季度最后一个月进行财务管理知

识、公司规章制度、档案、资料管理知识、各项社会保险进行培训，对新入职员工进行企业

概况、文化、经营理念及公司规章制度、安全与事故预防等内容的培训。</span>
    							<span class="light">广州君思网络科技有限公司</span>
    							<span class="light">2017年7月25日</span>
    						</p>
    					</div>
    				</div>
    			</div>
    		</div>
    	</div>
<div class="fom">
                    <h3>合 同 审 批 详 情<img src="../images/close.png" alt=""></h3>
                        <form action="" method="post">
                            <p><span>审 批 流 程</span><input id="flowname" type="text"  readonly="true" style='border:1px solid transparent;'/></p>
                            <p><span>提 交 时 间</span><input id="saleStageName" type="text"  readonly="true" style='border:1px solid transparent;'></p>
                            <p><span>合 同 编 号</span><input type="text" id="numbers"  readonly="true" style='border:1px solid transparent;'/></p>
                            <p><span>个 人 名 称</span><input type="text"  id="users"  readonly="true" style='border:1px solid transparent;'/></p>
                            <p><span>保 证 金 &nbsp;&nbsp;</span><input type="text" id="moneys"  readonly="true" style='border:1px solid transparent;'/></p>
                            <p><span>合 同 期 限</span><input type="text" id="times"  readonly="true" style='border:1px solid transparent;'></p>
                            <p><span>客 户 电 话</span><input type="text" id="photos"  readonly="true" style='border:1px solid transparent;'/></p>
                            <p><span>客 服 Q Q&nbsp;</span><input type="text" id="qq"  readonly="true" style='border:1px solid transparent;'/></p>
                            <p><span>现在办公地址</span><input type="text" id="dizhi"  readonly="true" style='border:1px solid transparent;'/></p>
                            <p><span>合 同 内 容</span><textarea name="" id="textareas" cols="30" rows="10"  readonly="true"></textarea></p>
                            <p><span>其 他 规 定</span><textarea name="" id="textareass" cols="30" rows="10"  readonly="true"></textarea></p>                                         
                            <p><span>审 批 状 态</span><input type="text" id="states" readonly="true" style='border:1px solid transparent;'/></p>                                             
                        </form>
                </div>
    </body>
    
<%--     <script type="text/javascript">
    $('.M-box').pagination({
    	pageCount: ${PageCount},//总页数
    	current: ${PageNum},//当前页码
    	callback:function(api){
    		var pageNum=api.getCurrent();
            $.ajax({  
                type : "POST",  
                url : "<%=basePath%>approve/pageFindnoapprove.action",//路径  
                data : {  
                	pageNum : api.getCurrent()  
                },
                success : function(data) {
                	var number=data[0].number;//总页数
                	api.setPageCount(number);//动态修改总页数为20页
                	var pageNum=data[0].pageNum;
        
                	   alert(2);
                }
            });  
        }
    },function(api){
        var pageNum;
        $.ajax({  
            type : "POST",  
            url : "<%=basePath%>approve/pageFindnoapprove.action",//路径  
            data : {  
            	pageNum : api.getCurrent()   
            },
            success : function(data) {		     
            	var number=data[0].number;//总页数
            	api.setPageCount(number);//动态修改总页数为20页
            	var pageNum=data[0].pageNum;
            
            	   alert(1);
            }
        });  
    });  
    </script> --%>
    <script>
        $('.more').click(function(event) {
        	$('body').css("overflow","hidden");
            $('.fom').css('display', 'block');
            $('.bgs').css('display', 'block');
        });
        $('.fom>h3>img').click(function(event) {
        	$('body').css("overflow","hidden");
            $('.fom').css('display', 'none');
            $('.bgs').css('display', 'none');
        });
        function dian(obj){
                 $.ajax({
                     url: '<%=basePath %>approve/findContract.action',
                     type: 'post',
                     data: {approveId: obj.id},
                     success:function(data){
                    	  $('#flowname').val(data[0].flowNme);//审 批 流 程
                          $('#saleStageName').val(data[0].saleStageName);//提 交 时 间
                          $('#numbers').val(data[0].contractId);//合 同 编 号
                          $('#users').val(data[0].username);//个 人 名 称
                          $('#moneys').val(data[0].deposit);//保 证 金
                          $('#times').val(data[0].contractTime);//合 同 期 限
                          $('#photos').val(data[0].clientelePhone);//客 户 电 话
                          $('#qq').val(data[0].serviceQQ);//客 服 Q Q
                          $('#dizhi').val(data[0].workLocation);//现在办公地址
                          $('#states').val(data[0].approvalState);//审批状态
                          document.getElementById("textareas").innerText=data[0].contractContent;//合 同 内 容
                          document.getElementById("textareass").innerText=data[0].reserve;//其 他 规 定                        
           
                     }
                 })
             }
    </script>
</html>
